<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title> - 主页示例</title>
    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div><h2 class="crumbs">头像修改</h2></div>
        <div class="row">
            <div class="col-sm-10">
                <div class="ibox float-e-margins p10">
                    <div class="login_box" style="    overflow: hidden;">
                    <form>
                        <p style="width: 100%">
                            <img id="userPic" width="150" height="150" src="assets/images/userpic.png" style="border-radius:50%;" alt="用户头像">
                        </p>
                        <div class="login_input">
                            <div style="width: 100%;height:280px;">
                                <div>
                                    <div class="">
                                        
                                        <div class="">
                                            <div class="file-box">
                                                <input type="file" name="file" class="file" id="file" size="28" />
                                            </div>
                                            <p id="progressBox"
                                                style="float:left;width: 100%; height: 18px; border: 1px solid #ccc;">
                                                <span id="progressBar"
                                                    style="display: inline-block; width: 0; height: 18px; background: blue;"></span>
                                            </p>
                                            <div style="float:left;width: 100%;">
                                                <h4 class="" id="myModalLabel" style="margin-top: 20px;">文件上传进度</h4>
                                            </div>
                                            <span id="percentage" style="color: blue;float:left;width: 100%;">00</span> <br> <br>
                                            
                                            <p id="uploadRs" style="float:left;width: 100%;">00</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="login_btn col-xs-12">
                            <input id="savePic" type="button" value="修改" onclick="UploadFile()"> 
                        </div>
                    </form>
                </div>    
                </div>
            </div>
        </div>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/layer/layer.min.js"></script>
    <!-- Flot -->
    <script src="js/plugins/flot/jquery.flot.js"></script>
    <script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="js/plugins/flot/jquery.flot.resize.js"></script>
    <script src="js/plugins/flot/jquery.flot.pie.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js"></script>
    <!--flotdemo-->
    <script type="text/javascript">
        
    </script>
</body>
</html>
